<template>
  <div class="lx-desc">
    <div class="title">第二部分 看图说话</div>
    <div class="sub-title">任务指导语</div>
    <div>
		<p class="content">
			看图说话测评的目的是了解你对不同生活场景的理解和想象能力。接下来将会依次呈现一系列的"情境图"--它们的画面可能有些模糊或多义，没有固定的"正确解释"。每张图片呈现10秒后，出现需要你回答的问题。
		</p>
		<p class="content">
			你需要做的是在仔细观察图片后，尝试编一个故事。你编的故事可以是现实中可能发生的，也可以是虚构的，但请尽量让它真实、连贯，就像您亲身经历过或亲眼见过一样。不需要刻意"猜"图片的"隐藏含义"，也不需要有复杂的逻辑，关键是您如何理解这张图，并赋予它意义。
		</p>
		<p class="content">现在，我们开始吧。</p>
	</div>
    <el-button type="primary" @click="next">开始任务</el-button>
  </div>
</template>
<script setup lang="ts">
import useTaskStore from '@/stores/task.js'
const store = useTaskStore()

const next = ()=> {
  store.taskIndex = store.taskIndex+1
}


</script>
<style scoped lang="scss">
.lx-desc{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60%;
  margin: 83px auto 0 auto;
  .title{
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 12px;
  }
  .sub-title{
    margin-bottom: 34px;
    line-height: 22px;
  }
  .content{
    text-indent: 2em;
    font-size: 18px;
	line-height: 28px;

    margin-bottom: 27px;


  }


}
</style>